<template>
  <div class="kehu-more-info">
    <session-box-item :infoItems="kehuItems" edit="true" height="40">
      <span class="session-box-item-label">客户标签</span>
      <span>
        <el-tag type="success">已上市</el-tag>
        <span style="padding: 5px"></span>
        <el-tag type="success">潜在客户</el-tag>
      </span>
    </session-box-item>
    <div style="padding: 0 20px">
      <el-divider></el-divider>
    </div>
    <div style="height: 40px">
      <span class="session-box-item-label">创建时间</span>
      <span class="session-box-item-info">2020/09/08 10:33</span>
    </div>
    <div style="height: 40px">
      <span class="session-box-item-label">更新于</span>
      <span class="session-box-item-info">2020/09/08 10:33</span>
    </div>
    <div style="height: 40px">
      <span class="session-box-item-label">最后登陆</span>
      <span class="session-box-item-info">2020/09/08 10:33</span>
    </div>
  </div>
</template>

<script>
import SessionBoxItem from "@/components/Session/SessionBox/SessionBoxItem";
export default {
  components: {
    SessionBoxItem,
  },
  data() {
    return {
      kehuItems: {
        name: "客户信息",
        items: [
          {
            label: "客户名称",
            info: "北京市客户",
          },
          {
            label: "真实姓名",
            info: "王伟",
          },
          {
            label: "客户电话",
            info: "-",
          },
          {
            label: "客户邮箱",
            info: "-",
          },
          {
            label: "客户公司",
            info: "-",
          },
          {
            label: "客户地址",
            info: "-",
          },
          {
            label: "客户等级",
            info: "普通客户",
          },
          {
            label: "客户来源",
            info: "访客转化",
          },
          {
            label: "客户备注",
            info: "-",
          },
        ],
      },
    };
  },
};
</script>

<style>
.kehu-more-info {
  background-color: #ffffff;
  width: 340px;
  padding: 20px 0;
}
</style>